.ant-menu-item:hover {
    background-color: rgba(255, 255, 255, .5) !important;
}

.ant-menu-submenu-title {
    background-color: #324157;
    border-radius: 0 !important;
}

.el-menu-item {
    color: #bfcbd9;
    border-radius: 0 !important;
}

.ant-menu-submenu {
    padding-bottom: 0 !important;
}

.ant-menu-submenu-title:hover {
    background-color: rgba(255, 255, 255, .5) !important;
}

.data_section {
    padding: 20px;
    margin-bottom: 40px;
}

.section_title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
}

.el-row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    display: flex;
}

.el-row li {
    margin-left: 10px;
    margin-right: 10px;
    width: 190px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background-color: #e5e9f2;
    font-size: 14px;
    color: #666;
    border-radius: 6px;

}
.el-row li span:nth-of-type(1){ 
    color: #333;
    font-size: 26px;
}
.huan {
    background-color: #ff9800 !important;
    color: aliceblue !important;
    font-size: 22px !important;

}

.lan {
    background-color: #20a0ff !important;
    color: aliceblue !important;
    font-size: 22px !important;

}
.line1{ 
    width: 1252px;
    height: 450px;
    padding: 0 5%;
}